﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
	CodeBehind="Index.aspx.cs" Inherits="Habito.Solutions.Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Habito Contruction Chemicals Company - Index
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
	<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
	<link href="../Content/icon.css" rel="stylesheet" type="text/css" />
	<link href="../Content/easyui.css" rel="stylesheet" type="text/css" />
	<script src="../Scripts/ddaccordion.js" type="text/javascript"></script>
	<script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
	<script type="text/javascript" src="../Scripts/jquery.easyui.min.js"></script>
	<style type="text/css">
		.arrowlistmenu { width: 500px; }
		.arrowlistmenu .menuheader { display: block; width: 90%; height: 30px; font: 14px Arial; color: white; background: no-repeat center left; margin-bottom: 10px; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer; background-image: url(../../Content/Images/doc_title.png); }
		.arrowlistmenu .openheader { background-image: url('../../Content/Images/doc_title.png'); }
		.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; }
		.arrowlistmenu ul li { padding-bottom: 2px; }
		.arrowlistmenu ul li a { line-height: 30px; padding-left: 30px; color: #006FA1; background: url('../../Content/images/document.png') no-repeat center left; display: block; text-decoration: none; font-size: 90%; }
		.arrowlistmenu ul li a:visited { color: #006FA1; }
		.arrowlistmenu ul li a:hover { color: #A70303; }
	</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<input type="hidden" name="" value="<%=ViewState["id"] %>" id="currentID" />
	<div style="width: 250px; position: absolute; text-align: left;" class="solution">
		<ul style="list-style: none">
			<li class="link " style="text-decoration: none">Application Guides</li>
		</ul>
	</div>
	<div id="listDIV" style="width: 716px; text-align: left; margin-left: 250px; position: absolute">
		<div>
			<div class="arrowlistmenu">
				<%=ViewState["solutions"]%>
			</div>
		</div>
	</div>
	<div id="content" style="display: none; width: 716px; height: auto; text-align: left; margin-left: 250px;
		position: absolute">
		<div id="title" style="width: 100%">
			<span onclick="ShowlistDIV()" style="cursor: pointer;  font-size: 11px;color: #006fa1">
				&lt;&nbsp;Back to Solutions</span>
			<hr />
			<br />
			<div id="InnerDIV" style="width: 100%; overflow: auto"></div>
		</div>
	</div>
	<script type="text/javascript">
		function ShowlistDIV() {
			$("#content").hide();
			$("#listDIV").show();
		}
		ddaccordion.init({
			headerclass: "expandable",
			contentclass: "categoryitems",
			revealtype: "click",
			mouseoverdelay: 200,
			collapseprev: true,
			defaultexpanded: [0],
			onemustopen: false,
			animatedefault: false,
			persiststate: true,
			toggleclass: ["", "openheader"],
			togglehtml: ["prefix", "", ""],
			animatespeed: "middle",
			oninit: function (headers, expandedindices) {

			},
			onopenclose: function (header, index, state, isuseractivated) {

			}
		});

		$(document).ready(function () {
			$("[tt=1]").each(function (index, content) {
				$(this).bind('click', function () {
					var id = $($("[tt=1]")[index]).attr("myid");
					$.ajax({
						cache: false,
						url: "Index.aspx" + "?GetContent=1",
						data: { id: id },
						success: function (data) {
							$("#InnerDIV").html(data);
							$("#content").show();
							$("#listDIV").hide();
						}
					});
				});
			});
			if ($("#currentID").val() != "") {
				$.ajax({
					cache: false,
					url: "Index.aspx" + "?GetContent=1",
					data: { id: $("#currentID").val() },
					success: function (data) {
						$("#InnerDIV").html(data);
						$("#content").show();
						$("#listDIV").hide();
					}
				});
			}
		});
	</script>
</asp:Content>
